<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:replace="include/css"/>
    <link rel="stylesheet" type="text/css" href="/static/webuploader/webuploader.css">
    <link rel="stylesheet" href="/static/css/shuoshuo.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/userhome.css">
    <link rel="stylesheet" type="text/css" href="/static/css/userfullhome.css">
    <style type="text/css">
        .comment-form textarea {
            width: 320px;
        }
    </style>
    <title></title>
</head>
<body>
<th:block th:replace="include/header:: header"/>
<div class="main">
    <div class="user-center-bg" style="background-color:#42332E;background-image: url('/static/images/headIcon.jpg')">
        <div class="user-home-icon"><img class="img-circle" src="/static/images/headIcon.jpg"></div>
        <div class="user-characters">${user.characters!'这个人很懒，什么也没留下。'}</div>
    </div>

    <div class="left">
        <th:block th:replace="include/left"/>
    </div>


    <div class="right">
        <div class="user-home-tag">
            <ul class="tag" id="tag">
                <li type="shuoshuo" class="active"><a th:href="'/user/'+${use.userId}">吐槽</a></li>
                <li type="topic"><a th:href="'/user/'+${use.userId} +'#topic'">讨论</a></li>
                <li type="ask"><a th:href="'/user/'+${use.userId}+'#ask'">问答</a></li>
                <li type="knowledge"><a th:href="'/user/'+${use.userId}+'#knowledge'">知识库</a></li>
                <li type="blog" style="border-bottom: 1px solid #fff;"><a th:href="'/user/'+${use.userId}+'/blog'">博客</a></li>
                <li type="fans"><a th:href="'/user/'+${use.userId}+'#fans'">Ta的粉丝</a></li>
                <li type="focus"><a th:href="'/user/'+${use.userId}+'#focus'">Ta关注的人</a></li>
            </ul>
        </div>
        <!-- 说说 -->
        <section id="cd-timeline" class="cd-container">
        </section>
        <div class="clear"></div>
    </div>
</div>
<th:block th:replace="include/footer:: footer"/>
<th:block th:replace="include/top"/>
<script type="text/javascript" th:inline="javascript">
    fzqblog.center = {
        userId: [[${user.userId}]]
    };
</script>
<script type="text/javascript" src="/static/js/shuoshuoItem.js"></script>
<script type="text/javascript" src="/static/webuploader/webuploader.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/laypage/laypage.js"></script>

<script type="text/javascript">
    $(function () {
        loadShuoShuo();
    });

    function loadShuoShuo() {
        $('<div id="loading"> <div class="loading-con"><img src="/static/images/loading.gif"/><span>正在加载.......</span></div></div>').appendTo($("#cd-timeline"));
        $.ajax({
            url: '/shuoshuo/detail',
            type: 'GET',
            dataType: 'json',
            data: {
                id: '1',
                userId: '1'
            },
            success: function (res) {
                $("#loading").remove();
                new ShuoShuoItem(res.data).appendTo($("#cd-timeline"));
            }
        });
    }
</script>

</body>
</html>